<template>
	<div id="goods">
		<div class="goodTop">
			<p>—&nbsp;&nbsp;实惠好货&nbsp;&nbsp;—</p>
		</div>
		<div class="goodCenter">
			<ul>
				<li><img src="/static/images/1503025374793_9399_87.jpg"></li>
				<li><img src="/static/images/1503037631345_2871_87.jpg"></li>
			</ul>
		</div>
		
		<div class="goodBottom">
			<ul>
				<li><img src="/static/images/1503026227100_9124_92.jpg"></li>
				<li><img src="/static/images/1503026233529_7792_86.jpg"></li>
				<li><img src="/static/images/1503026239245_1070_97.jpg"></li>
				<li><img src="/static/images/1503026249446_2153_95.jpg"></li>
			</ul>
		</div>	
	</div>
</template>
<script type="text/javascript">
	
</script>
<style type="text/css" scoped>
	#goods{
		width:100%;
	}
	#goods .goodTop{
		width:100%;
		text-align: center;
	}
	#goods .goodTop p{
		font-size: .35rem;
		padding-top: .23rem;
	}
	#goods .goodCenter{
		width:100%;
	}
	#goods .goodCenter>ul{
		display: flex;
		width:100%;
	}
	#goods .goodCenter>ul>li{
		width: 50%;
	}
	#goods .goodCenter li>img{
		width:100%;
	}

	#goods .goodBottom{
		width: 100%;
		border-bottom: .35rem solid #e5e5e5;
	}
	#goods .goodBottom>ul{
		display: flex;
		flex-wrap: wrap;
	}
	#goods .goodBottom>ul>li{
		width: 50%;
	}
	#goods .goodBottom li>img{
		width:100%;
	}
</style>